<ion-view left-buttons="leftButtons"
          cache-view="false">
  <ion-nav-title>
    {{'GRAPH.BLOCKCHAIN.TITLE' | translate}}{{id}}
  </ion-nav-title>

  <ion-content scroll="true" class="no-padding">

    <div class="center padding" ng-if="loading">
      <ion-spinner icon="android"></ion-spinner>
    </div>

    <div class="list" ng-if="!loading">


      <!-- TX count -->
      <ng-controller ng-controller="GpBlockchainTxCountCtrl">
        <div class="center padding" ng-if="loading">
          <ion-spinner icon="android"></ion-spinner>
        </div>

        <div class="item item-divider" ng-if="!loading" >
          {{'GRAPH.BLOCKCHAIN.TX_DIVIDER'|translate}}
          <ion-spinner ng-if="loadingRange" class="ion-spinner-small" icon="android"></ion-spinner>
        </div>

        <div class="item no-padding-xs"
             ng-if="!loading"
             ng-include="'plugins/graph/templates/blockchain/graph_tx_count.html'"
             ng-init="setSize(350, 1000)">
        </div>
      </ng-controller>


      <!-- Blocks issuer -->
      <ng-controller ng-controller="GpBlockchainIssuersCtrl">

        <div class="item item-divider" ng-if="!loading" translate>GRAPH.BLOCKCHAIN.BLOCKS_ISSUERS_DIVIDER</div>

        <div class="item no-padding-xs"
             ng-if="!loading"
             ng-include="'plugins/graph/templates/blockchain/graph_block_issuers.html'"
             ng-init="setSize(300, 750)">
        </div>

      </ng-controller>

  </ion-content>

</ion-view>
